/* 全局通用样式 */

* {
    box-sizing: border-box;
}

body,
html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.flex {
    display: flex;
    align-items: center;
}

.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.radio_right {
    box-shadow: -2px 2px 1px #ccc;
}

.textarea_wrap {
    padding-right: 0.2rem;
    padding-left: 0.3rem;
}

.absolute_wrap {
    top: 1.45rem;
    bottom: 0;
    position: absolute;
    left: 0;
    overflow: auto;
    right: 0;
}

.textarea_wrap textarea {
    padding: 0.2rem;
    background: #f6f6f6;
    border: none;
    width: 100%;
    height: 3rem;
    font-size: 0.3rem;
}

.image_wrap {
    width: 1.1rem;
    height: 1.1rem;
    position: relative;
    overflow: hidden;
    margin: 0.1rem 0.2rem 0.1rem 0;
}

.image_wrap.big {
    width: 2rem;
    height: auto;
}

.image_wrap img {
    width: 100%;
}

.comment_wrap {
    z-index: 100;
    display: flex;
    height: 1rem;
    align-items: center;
    justify-content: space-between;
    background: white;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}

.comment_wrap input {
    height: 100%;
    width: 6rem;
    border: none;
    outline: none;
    padding-left: 0.2rem;
    font-size: 0.35rem;
    flex-grow: 1;
}

.deleteImg {
    width: 0.4rem;
    height: 0.4rem;
    background-image: url('../images/other/remove-icon.png');
    background-size: 100% 100%;
    position: absolute;
}

.height_auto {
    height: auto;
}

.minImage {
    height: 2rem;
}

.main input {
    background: none;
    border: none;
    outline: none;
    text-align: right;
}

.shadow_box {
    box-shadow: -2px 2px 1px #ccc;
    width: 100%;
    border-radius: 0.2rem;
    overflow: hidden;
}


/* 用户信息相关css,部分页面的头部 */

.personal {
    padding: 0.15rem 0;
}

.touxiang {
    width: 2rem;
    display: flex;
}

.touxiang img {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    border: 2px solid #5caffa;
}

.useinfo {
    width: 3.8rem;
    line-height: 0.6rem;
}

.useinfo .usename {
    padding-top: 0.15rem;
    font-size: 0.4rem;
}

.dianping {
    margin-bottom: 0.2rem;
    color: #808080;
    font-size: 0.4rem;
}

.nolong {
    max-width: 4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}


/* 动态和食谱样式 */

.content_wrap {
    max-height: 2.2rem;
    overflow: hidden;
}

.open.content_wrap {
    max-height: 1000rem;
}

.dongtai_title {
    font-size: 0.423333rem;
    font-weight: bold;
    padding-bottom: 0.15rem;
}


/* 班级选择相关样式 加上select_class避免影响其他 navbar 通用的就不加了 */

.select_class {
    background: white;
    height: 100%;
    position: relative;
    flex-grow: 1;
}

.model {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}

.select_class .mint-navbar {
    background-color: #0489ff;
    color: #0155a0;
    padding: 0 1.3rem
}

.select_class .mint-navbar .mint-tab-item.is-selected {
    border-bottom: 0.1rem solid #74beff;
    color: white;
    margin-bottom: 0px;
}

.select_class .mint-tab-item-label {
    font-size: 0.45rem;
}

.back {
    position: absolute;
    background-image: url("../images/other/back.png");
    background-repeat: no-repeat;
    width: 0.4rem;
    height: 0.8rem;
    background-size: 100%;
    left: 0.35rem;
    top: 0.25rem;
}

.add {
    color: white;
    position: absolute;
    width: auto;
    right: 0.35rem;
    left: auto;
    top: 0rem;
}

.select_class .title {
    display: flex;
    display: -webkit-flex;
    color: #a6a6a6;
    height: 1.3rem;
    line-height: 1.3rem;
    font-size: 0.45rem;
    padding-left: 0.35rem;
    border-bottom: 1px solid #f2f2f2;
}

.select_class .title div {
    margin-right: 0.2rem;
}

.select_class .main {
    display: flex;
    padding: 0.37rem;
    position: relative;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #f2f2f2;
}

.select_class .main .head {
    width: 1.1rem;
    height: 1rem;
    border-radius: 0.1rem;
    overflow: hidden;
}

.select_class .main .head img {
    width: 100%;
    height: 100%;
}

.main .flex {
    font-size: 0.4rem;
}

.classroom {
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-width: 1.7rem;
    max-width: 6.4rem;
    padding-left: 0.307777rem;
}

.classroom div {
    line-height: 0.45rem;
}

.classroom .className {
    font-size: 0.376333rem;
    color: #131313;
    text-align: left;
}

.classroom .teacher {
    font-size: 0.37333rem;
    color: #6c6c6c;
    text-align: left;
}

.tell_phone {
    background-image: url("../images/other/phone.png");
    background-repeat: no-repeat;
    width: 0.8rem;
    height: 0.8rem;
    background-size: 100%;
}


/* 教师管理相关 */

.flex_column {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.switch_wrap {
    padding: 0.3rem;
    justify-content: flex-end;
    border-bottom: 1px solid #f2f2f2;
}

.date_pick {
    border: none;
    border-radius: 0.15rem;
    background-color: #d9d9d9;
    color: white;
    font-size: 0.5rem;
    text-align: center;
    width: 3rem;
    padding: 0.1rem;
}


/* 学生管理相关 */

.section {
    background: white;
    text-align: left;
}

.section .mint-indexsection-index {
    background: white;
    font-size: 0.4rem;
    border-bottom: 1px solid #f2f2f2;
}


/* 午托晚托签到 */

.footer {
    bottom: 0;
    left: 0;
    background: white;
    border-top: 1px solid #f2f2f2;
    position: absolute;
}

.footer .num_wrap {
    padding: 0.2rem 0.4rem;
    justify-content: space-between;
    display: flex;
    border-bottom: 1px solid #f2f2f2;
}

.footer .buttons_wrap {
    padding: 0.2rem 0.4rem;
    justify-content: space-between;
    display: flex;
}

.section1 {
    padding-bottom: 0.8rem;
}

.section2 {
    padding-bottom: 1.9rem;
}


/* 单选框多选框 */

.checkbox_wrap {
    width: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.checkbox {
    width: 0.3666rem;
    height: 0.3666rem;
    background-image: url("../images/other/radio_0.png");
    background-size: 100% 100%;
}

.checkbox.checked {
    background-image: url("../images/other/radio_1.png");
}

.radio_right {
    background: white;
    padding: 0.426666rem;
    border-radius: 0.2rem;
    display: flex;
    flex-grow: 1;
}

.radio_right .head {
    height: 1.2rem;
    width: 1.25rem;
}

.radio_right .head img {
    height: 100%;
    width: 100%;
    border-radius: 0.2rem;
}


/* 我的 个人中心 */

.mine_row {
    justify-content: space-between;
    background: white;
    height: 1.33333rem;
    align-items: center;
    font-size: 0.4rem;
}

.mine_row .left,
.mine_row .right {
    display: flex;
}

.mine_row .left {
    padding-left: 0.50666rem;
    padding-right: 0.613333rem;
}

.mine_row .right {
    flex-grow: 1;
    justify-content: space-between;
    padding-right: 0.45333rem;
    height: 100%;
    align-items: center;
    color: #252525;
    border-bottom: 1px solid #f2f2f2;
}

.mine_row .right .flex .more {
    width: 0.2rem;
    height: 0.4rem;
}

.desc {
    font-size: 0.37333rem;
    color: #ccc;
    padding-right: 0.37333rem;
}

.desc1 {
    font-size: 0.37333rem;
    padding-right: 0.37333rem;
    min-width: 1.5rem;
}

.red {
    color: red;
}

.mint-cell-wrapper {
    background-image: none;
}

.mint-cell:last-child {
    background-image: none;
}

.picker_input {
    width: 100%;
    position: absolute;
    bottom: 32px;
    padding: 0.1rem;
    height: 36px;
    left: 0;
}


/* 我的服务 */

.pattern_wrap {
    overflow-y: scroll;
}

.pattern_wrap .radio_right {
    height: auto;
}

.pattern_wrap .radio_right .teacher {
    height: auto;
}


/* 点评 */

.dianping .personal {
    padding: 0.4533rem 0.4rem 0.4533rem 0.3733rem;
    margin-bottom: 0.2667rem;
    color: #393939;
    background-color: #fff;
}

.dianping input {
    background: none;
    border: none;
    outline: none;
}

.dianping .row {
    padding: 0.3333rem 0.3467rem 0;
    background: white;
}

.dianping .start_wrap {
    width: 4rem;
}

.dianping .start1,
.dianping .start2 {
    width: 0.6rem;
    height: 0.6rem;
}

.dianping .left {
    padding: 0.0533rem 0;
    font-size: 0.16rem;
}

.yinxiang_wrap {
    width: 7rem;
    flex-wrap: wrap;
}

.yinxiang_wrap div {
    font-size: 0.16rem;
    margin: 0 0.2667rem 0.3333rem;
    border: 1px solid #e6e6e6;
    color: #848484;
    padding: 0.08rem 0.1333rem;
    border-radius: 0.04rem;
    white-space: nowrap;
}

.yinxiang_wrap div.active {
    color: #feb739;
    border: 1px solid #feb739;
}


/* 健康管理 */

.selectButton {
    font-size: 0.16rem;
    margin: 0 0.2667rem;
    border: 1px solid #e6e6e6;
    color: #848484;
    padding: 0.08rem 0.1333rem;
    border-radius: 0.04rem;
    white-space: nowrap;
}

.selectButton.active {
    color: #feb739;
    border: 1px solid #feb739;
}

.rangeAdd {
    background-image: url("../images/other/add.png");
    background-size: 100% 100%;
    margin-top: 0.15rem;
    margin-left: 0.1rem;
    width: 0.5rem;
    height: 0.5rem;
}

.rangeDelete {
    background-image: url("../images/other/delete.png");
    background-size: 100% 100%;
    margin-top: 0.15rem;
    margin-right: 0.1rem;
    width: 0.5rem;
    height: 0.5rem;
}


/* 日期插件样式修改 */

.qiandao .is-event {
    border: 1px solid green!important;
}

.is-event {
    display: none;
}

.wh_content_all {
    padding-top: 8px;
}

.wh_container .wh_top_changge {
    display: none;
}

.wh_container .wh_content_all {
    background-color: white;
}

.wh_container .wh_content_all .wh_content_item {
    margin-bottom: 0.13rem;
}

.wh_container .wh_content_all .wh_content_item li {
    border-radius: 0.25rem;
}

.wh_content_all div:nth-child(2) .wh_content_item {
    color: #9aaec1;
    font-size: 0.6rem;
}

.wh_content_all div:nth-child(2) .wh_content_item:nth-child(6),
.wh_content_all div:nth-child(2) .wh_content_item:nth-child(7) {
    color: #048bfe;
}

.wh_content_all .wh_content_item {
    color: #547289;
    width: 14.1%;
    font-size: 0.5rem;
}

.normal {
    background-color: #048bfe;
    color: white;
}

.wh_container .wh_content_item div .wh_isToday.normal {
    background-color: #048bfe;
}

.wh_container .wh_content_item div .wh_isToday.no_normal {
    background-color: #a0d4ff;
}

.no_normal {
    background-color: #a0d4ff;
    color: white;
}

.dyChooseDate.__vev_calendar-wrapper .cal-wrapper .cal-body .dates .item .date-num {
    font-size: 0.6rem;
}


/* mint-ui样式调整 */

.mint-radiolist {
    display: flex;
    font-size: 0.3rem;
}

.mint-tab-item-label {
    font-size: 0.35rem;
    font-weight: bold;
}

.mint-radiolist .mint-cell-wrapper {
    font-size: 0.3rem;
    padding: 0;
}

.mint-radiolist .mint-cell {
    min-height: 0;
}

.mint-radiolist .mint-radiolist-label {
    padding: 0 0 0 20px;
}

.no_date .picker-items .picker-slot-center:nth-child(3) {
    display: none;
}

.no_month .picker-items .picker-slot-center:nth-child(2) {
    display: none;
}

.popup_center {
    height: auto;
    width: 80%;
    position: inherit;
    border-radius: 0.2rem;
    overflow: hidden;
}

.mint-tab-container {
    overflow: auto;
}

.mint-tab-container-wrap {
    height: 100%;
}


/* 动态相关 */

.text {
    font-size: 0.4rem;
    width: 100%;
    line-height: 0.57rem;
    color: #161616;
    margin-bottom: 0.18rem;
}

.time {
    width: auto;
    height: 0.8rem;
    line-height: 0.5rem;
    font-size: 0.3rem;
    color: #a6a6a6;
}

.delete {
    color: #0489ff;
    margin-left: 0.25rem;
    flex-shrink: 0;
}

.img_wrap {
    width: 100%;
    overflow: hidden;
}

.img_wrap img {
    width: 2.95rem;
    height: 2rem;
    margin-right: 0.1rem;
    margin-bottom: 0.1rem;
}

.audio_wrap {
    width: 100%;
    height: auto;
}

.audio_wrap audio {
    width: 7rem;
}

.dongtai_action {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.4rem;
    color: #5e5e5e;
    border-top: 1px solid #ebebeb;
}

.dongtai_action i {
    margin-top: 0.14rem;
    margin-right: 0.2rem;
}

.zan {
    display: flex;
    width: 2.2rem;
    height: 100%;
    justify-content: center;
}

.zan.active div {
    color: #0489ff;
}

.zan.active i {
    background-image: url('../../static/images/dongtai/3@2x.png');
}

.zan i {
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    background-image: url('../../static/images/dongtai/5@2x.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.pinglun {
    width: 4rem;
    display: flex;
    height: 100%;
    justify-content: center;
}

.pinglun i {
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    background-image: url('../../static/images/dongtai/4@2x.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.share {
    width: 3rem;
    display: flex;
    height: 100%;
    justify-content: center;
}

.share i {
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    background-image: url('../../static/images/dongtai/1@2x.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.dongtai_zan {
    display: none;
    border-top: 1px solid #ebebeb;
    width: 100%;
    height: 0.9rem;
    line-height: 0.9rem;
}

.dongtai_zan.active {
    display: flex;
}

.dongtai_zan i {
    display: block;
    width: 0.45rem;
    height: 0.45rem;
    margin-top: 0.18rem;
    margin-right: 0.2rem;
    background-image: url('../../static/images/dongtai/7@2x.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.dongtai_zan .name {
    margin-left: 0.1rem;
}

.pinglun_list_wrap {
    border-top: 1px solid #ebebeb;
    width: 100%;
}

.huifu_wrap {
    padding-left: 0.6rem;
}

.pinglun_list li>div {
    color: #808080;
    display: flex;
    line-height: 0.7rem;
    padding-right: 0.2rem;
    justify-content: space-between;
}

.pinglun_list .delete {
    color: #9f9f9f;
}

.name {
    color: #404040;
}


/* 杂牌样式 */

.noClick {
    pointer-events: none;
}

.neirong {
    word-wrap: break-word;
}

.sort1 {
    order: 1;
}

.sort2 {
    order: 2;
}

.sort3 {
    order: 3;
}

.sort4 {
    order: 4;
}

.sort5 {
    order: 5;
}

.sort6 {
    order: 6;
}

.sort7 {
    order: 7;
}

.sort8 {
    order: 8;
}

.test_row {
    align-items: flex-start;
    color: #596e7c;
    padding: 0.3rem 0.7rem;
    font-size: 0.4267rem;
    background: white;
}

.text_row2 {
    align-items: flex-start;
    color: #596e7c;
    padding: 0.3rem;
    font-size: 0.4267rem;
    background: white;
    margin-bottom: 0.15rem;
}

.row_title {
    color: #058cff;
    margin-bottom: 0.2733rem
}

.bar {
    width: 100%;
    background: linear-gradient(#e7eceb, #f2f2f3);
    height: 0.3467rem;
}